<template>
  <view :style="themeColor">
    <view class="page">
      <view class="flex benben-position-layout flex flex-wrap align-center wanshanziliao_flex_0"
        :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex flex-wrap align-center justify-between flex-sub wanshanziliao_fd0_0'>
          <view class='flex flex-wrap align-center wanshanziliao_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
            data-url="1">
            <text class='fu-iconfont2  wanshanziliao_fd0_0_c0_c0'>&#xE794;</text>
          </view>
          <view class='flex flex-wrap align-stretch justify-center'>
            <text class='wanshanziliao_fd0_0_c1_c0'>完善资料</text>
          </view>
          <view class='flex flex-wrap align-center justify-end wanshanziliao_fd0_0_c0'>
          </view>
        </view>

      </view>
      <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>

      <view class="flex flex-direction flex-wrap align-stretch wanshanziliao_flex_1">
        <view class='flex flex-wrap align-center wanshanziliao_fd1_0'>
          <text class='wanshanziliao_fd1_0_c0'>头像（选填）</text>
          <view class="upload position-relative wanshanziliao_fd1_0_c1">

            <image class=" wanshanziliao_fd1_0_c1_image" mode="aspectFit" @tap="popupShow1713842654097=true"
              :src="user.avatar ? user.avatar : STATIC_URL+'80.png'"></image>
          </view>
          <image class='wanshanziliao_fd1_0_c2' mode="aspectFit" :src='STATIC_URL+"81.png"'></image>
        </view>
        <view class='flex flex-wrap align-center justify-between wanshanziliao_fd1_1'>
          <text class='wanshanziliao_fd1_0_c0'>姓名/昵称（必填）</text>
          <benben-input class='flex-sub wanshanziliao_fd1_1_c1' type="text" :placeholder="`请输入昵称`" confirm-type="done"
            :maxlength="7" placeholder-style="color:#666666;font-size:32rpx" v-model="user.nickname" />
        </view>
        <view v-if="leixing==0">
          <view class='flex flex-wrap align-center justify-between personalData_fd1_1'
            @tap.stop="pickerDiy1710578239852=true">
            <text class='personalData_fd1_0_c0'>性别（必填）</text>
            <view class='flex flex-wrap align-center'>
              <text class='personalData_fd1_3_c1_c0'>{{user.gender==1 ?'男' :user.gender==2 ?'女': '保密'}}</text>
              <image class='personalData_fd1_0_c2' mode="aspectFit" :src='STATIC_URL+"81.png"'></image>
            </view>
          </view>
          <view class='flex flex-wrap align-center justify-between personalData_fd1_1'
            @tap.stop="pickerDiy1702537416284s=true">
            <text class='personalData_fd1_0_c0'><text class="text-red">*</text>年龄（必填）</text>
            <view class='flex flex-wrap align-center'>
              <text class='personalData_fd1_3_c1_c0'>{{user.user_age_text || '请选择年龄'}}</text>
              <image class='personalData_fd1_0_c2' mode="aspectFit" :src='STATIC_URL+"81.png"'></image>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch padding-bottom-lg'>
            <view class=' flex flex-wrap align-center release_fd1_0_c0'>
              <text class='release_fd1_0_c0_c0'>*</text>
              <text>联系方式（必填）</text>
            </view>
            <view class='flex align-stretch release_fd1_0_c1' style="border-bottom: 0px solid #eee;">
              <benben-select-diy ref="showSelectPopup1710483880244"
                class-name='flex align-stretch flex release_fd1_0_c1_c0' :items.sync="typeList" v-model="typeId"
                default-type="value" default-label="name" :allow-cancel='false' type="radio" :disabled='false'>
                <template v-for='(item,key0) in typeList'>
                  <view v-if="item.isSelected" class='flex align-center justify-between flex release_fd1_0_c1_c0_c0'
                    :key="key0" @tap="$refs.showSelectPopup1710483880244.tapHandle(key0)">
                    <image class='release_fd1_0_c1_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"155.png"'></image>
                    <view class='flex flex-wrap align-center'>
                      <text class='release_fd1_0_c1_c0_c0_c1_c0'>{{item.name}}</text>
                    </view>
                  </view>
                  <view v-else class='flex align-center justify-between flex release_fd1_0_c1_c0_c0' :key="key0"
                    @tap="$refs.showSelectPopup1710483880244.tapHandle(key0)">
                    <image class='release_fd1_0_c1_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"16.png"'></image>
                    <view class='flex flex-wrap align-center'>
                      <text class='release_fd1_0_c1_c0_c0_c1_c0'>{{item.name}}</text>
                    </view>
                  </view>
                </template></benben-select-diy>
            </view>
            <benben-input class='release_fd1_0_c2' type="text" :placeholder="`请输入`" confirm-type="done" :maxlength="20"
              v-model="fangshizhi" :adjust-position='true' placeholder-style="color:#999;font-size:28rpx" />
          </view>
          <!-- <view class='flex flex-wrap align-center wanshanziliao_fd1_5' v-if="leixing=='0'">
            <text class='wanshanziliao_fd1_5_c0'>个人简介（选填）</text>
            <benben-input class='flex-sub wanshanziliao_fd1_1_c1' type="text" :placeholder="`请输入个人简介`"
              confirm-type="done" :maxlength="7" placeholder-style="color:#666666;font-size:32rpx"
              v-model="user.autograph" />
          </view> -->
        </view>
        <view class='flex flex-wrap align-center wanshanziliao_fd1_5' v-if="leixing=='1'">
          <text class='wanshanziliao_fd1_5_c0'>公司名称（选填）</text>
          <benben-input class='flex-sub wanshanziliao_fd1_1_c1' type="text" :placeholder="`请输入公司名称`" confirm-type="done"
            :maxlength="15" placeholder-style="color:#666666;font-size:32rpx" v-model="user.company" />
        </view>
        <button class='wanshanziliao_fd1_6' @tap.stop="submitsFunc()">保存</button>
      </view>


      <!--选择性别开始 -->
      <benben-picker ref="benbenWritePickerCodepicker2" :visible.sync="pickerDiy1710578239852" :label.sync='sex'
        :value.sync='user.gender' :options='sex_options' mode='selector' :mask-show='true' :timeout='true'
        :picker-height='88' default-type='value' :default-props='{"label":"name","value":"value"}'>
        <template #picker-header>
          <view class='flex flex-wrap align-center justify-between wanshanziliao_picker2_0'>
            <text class='wanshanziliao_picker2_0_c0' @tap="$refs.benbenWritePickerCodepicker2.cancel()">取消</text>
            <text class='wanshanziliao_picker2_0_c1'>选择性别</text>
            <text class='wanshanziliao_picker2_0_c2' @tap="$refs.benbenWritePickerCodepicker2.pickerConfirm()">确认</text>
          </view>
        </template>
      </benben-picker>
      <!--选择性别结束 -->
      <!--选择年龄开始 -->
      <benben-picker ref="benbenWritePickerCodepicker3" :visible.sync="pickerDiy1702537416284s"
        :label.sync='user.user_age_text ' :value.sync='user.userage_id' :options='ageList' mode='selector'
        :mask-show='true' :timeout='true' :picker-height='88' default-type='aid'
        :default-props='{"label":"title","value":"aid"}'>
        <template #picker-header>
          <view class='flex flex-wrap align-center justify-between personalData_picker2_0'>
            <text class='personalData_picker2_0_c0' @tap="$refs.benbenWritePickerCodepicker3.cancel()">取消</text>
            <text class='personalData_picker2_0_c1'>选择年龄</text>
            <text class='personalData_picker2_0_c2' @tap="$refs.benbenWritePickerCodepicker3.pickerConfirm()">确认</text>
          </view>
        </template>
      </benben-picker>
      <!--选择年龄开始 -->

    </view>
    <benben-popup v-model="popupShow1713842654097" :mask="true" :mask-close-able="true" mode='bottom' :z-index='999'>
      <!---删除弹窗flex布局开始-->
      <view class="flex flex-direction flex-wrap align-center edit_flex_0">
        <text class='edit_fd0_0'>选择头像</text>
        <view class='flex flex-wrap align-center justify-center edit_fd0_1'>
          <image @click.stop="chooseAvatar(item)" v-for="(item,index) in avatorList" :key="index" class='edit_fd0_1_c0'
            :class="avatarId==item.aid ? 'active' : ''" mode="aspectFill" :src='item.touxiang'>
          </image>
        </view>
      </view>

      <!---删除弹窗flex布局结束-->

    </benben-popup>
  </view>
</template>
<script>
  import UploadImage from '@/common/utils/upload-image.js'
  import {
    validate
  } from '@/common/utils/validate.js'

  export default {
    components: {},


    data() {
      return {
        "popupShow1713842654097": false,
        pickerDiy1702537416284s: false,
        "pickerDiy1710578239852": false,
        "user": {
          "invite_code": "",
          "address": "",
          "address_code": "",
          "hobby": "",
          "tags": "",
          "id": "",
          "userlevel_id": "",
          "mobile": "",
          "real_name": "",
          "avatar": "",
          "account": "",
          "email": "",
          "birthday": "",
          "gender": "",
          "create_time": "",
          "user_money": "",
          "freeze_money": "",
          "total_consumption_money": "",
          "score": "",
          "_mobile": "",
          "coupon": "",
          "collection_count": "",
          "browse_count": "",
          "total_money": "",
          "certified": "",
          "nickname": "",
          "is_pay_password": "",
          "follow_count": "",
          "is_close": "",
          "lastid": "",
          "userlevel_name": "",
          lianxifangshi: '',
          user_age_text: ''
        },
        "sex": "",
        "sex_options": [{
          "name": "男",
          "value": "1",
          "image": ""
        }, {
          "name": "女",
          "value": "2",
          "image": ""
        }],
        leixing: "",
        ageList: [],
        "typeList": [{
          "name": "手机号",
          "value": "1",
          "image": ""
        }, {
          "name": "微信号",
          "value": "2",
          "image": ""
        }, {
          "name": "邮箱号",
          "value": "3",
          "image": ""
        }],
        "typeId": "1",
        fangshizhi: '',
        avatorList: [],
        avatarId: ''
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },

    },
    watch: {},
    onLoad(options) {
      this.leixing = options.leixing
    },
    onUnload() {

    },
    onReady() {

    },
    onShow() {
      this.getAge()
      this.queryUserInfoFunc()
    },
    onHide() {

    },
    onResize() {

    },
    onPullDownRefresh() {

    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      getAge() {
        this.$api.post(global.apiUrls.post65d45b03dc083).then(res => {
          if (res.data.code == 1) {
            this.ageList = res.data.data
          }
        })
        this.$api.post(global.apiUrls.post66271822be519).then(res => {
          if (res.data.code == 1) {
            this.avatorList = res.data.data
            // this.avatarId = this.avatorList[0].aid
            // this.user.avatar = this.avatorList[0].touxiang
          }
        })
      },
      chooseAvatar(item) {
        this.avatarId = item.aid
        this.user.avatar = item.touxiang
        this.popupShow1713842654097 = false
      },
      //裁剪图片上传
      croppingUploadImage(id, path, obj, obj1, fnName = false) {
        let self = this
        if (!obj) obj = this
        if (!obj1) obj1 = this
        let itemList = obj1[path] ? ['修改头像', '拍照', '从手机相册选择'] : ['拍照', '从手机相册选择']

        function imageCroppingCuccess() {
          uni.$once('image-cropping-success', (file) => {
            if (!file) return
            new UploadImage([file], {
              complete: (res) => {
                console.log('res[0].path', res[0].path)
                self.user.avatar = res[0].path
                if (id) self.$set(obj, id, res[0].id)
                if (path) self.$set(obj1, path, res[0].path)
                if (fnName) self[fnName]()
              },
            })
          })
        }
        uni.showActionSheet({
          itemList: itemList,
          success: function(res) {
            if (res.tapIndex == 0 && obj1[path]) {
              uni.navigateTo({
                url: '/pages/benben-built-in/image-cropping/image-cropping?rectHeight=200&rectWidth=200&&myImgUrl=' +
                  obj1[path],
                animationDuration: 0,
              })
              imageCroppingCuccess()
            }
            if ((res.tapIndex == 1 && obj1[path]) || (res.tapIndex == 0 && !obj1[path])) {
              uni.chooseImage({
                count: 1,
                sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
                sourceType: ['camera'], // 可以指定来源是相册还是相机，默认二者都有
                success: (res) => {
                  // 跳转到图片裁切页面
                  uni.navigateTo({
                    url: `/pages/benben-built-in/image-cropping/image-cropping?rectHeight=200&rectWidth=200&fileType=${res.tempFiles[0].type}&myImgUrl=${res.tempFilePaths[0]}`,
                    animationDuration: 0,
                  })
                  imageCroppingCuccess()
                },
              })
            }
            if ((res.tapIndex == 2 && obj1[path]) || (res.tapIndex == 1 && !obj1[path])) {
              uni.chooseImage({
                count: 1,
                sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
                sourceType: ['album'], // 可以指定来源是相册还是相机，默认二者都有
                success: (res) => {
                  // 跳转到图片裁切页面
                  uni.navigateTo({
                    url: `/pages/benben-built-in/image-cropping/image-cropping?rectHeight=200&rectWidth=200&fileType=${res.tempFiles[0].type}&myImgUrl=${res.tempFilePaths[0]}`,
                    animationDuration: 0,
                  })
                  imageCroppingCuccess()
                },
              })
            }
          },
          fail: function(res) {
            console.log(res.errMsg)
          },
        })
      },
      //获取用户详细信息
      async queryUserInfoFunc() {
        //请求方法
        //数据验证

        let datauser = await this.$api.get(global.apiUrls.post5c78c4772da97, {

        });

        if (datauser.data.code != 1) {
          this.$message.info(datauser.data.msg);
          return
        }
        let infouser = datauser.data;
        this.user = infouser.data

        if (this.user.gender == 0) {
          this.sex = '保密';
        } else if (this.user.gender == '1') {
          this.sex = '男';
        } else if (this.user.gender == '2') {
          this.sex = ' 女';
        }
      },
      //修改个人资料
      async submitsFunc() {
        //请求方法
        //数据验证、
        // if (!this.user.nickname) {
        //   this.$message.info('请输入昵称')
        // }
        if (this.leixing == '0') {
          if (this.typeId == 1) {
            if (!this.fangshizhi) {
              this.$message.info('请输入联系方式')
              return
            }
            if (!validate(this.fangshizhi, 'phone')) {
              this.$message.info(global.i18n.t('请输入正确的手机号'));
              return false;
            }
          }
          if (this.typeId == 3) {
            if (!this.fangshizhi) {
              this.$message.info('请输入联系方式')
              return
            }
            if (!validate(this.fangshizhi, 'email')) {
              this.$message.info(global.i18n.t('请输入正确的邮箱号'));
              return false;
            }
          }
          if (this.typeId == 2) {
            if (!this.fangshizhi) {
              this.$message.info('请输入联系方式')
              return
            }
          }
          // if (!this.user.gender) {
          //   this.$message.info('请选择性别')
          //   return;
          // }
          if (!this.user.userage_id) {
            this.$message.info('请选择年龄')
            return;
          }
        }
        let data5cb54af125f1c = await this.$api.dbPost(global.apiUrls.post5cb54af125f1c, {
          avatar: this.user.avatar,
          nickname: this.user.nickname,
          autograph: this.user.autograph,
          userage_id: this.user.userage_id,
          fangshizhi: this.fangshizhi,
          lianxifangshi: this.typeId,
          gender: this.user.gender,
          company: this.user.company,
          leixing: this.leixing
        });
        if (!data5cb54af125f1c) return
        if (data5cb54af125f1c.data.code != 1) {
          this.$message.info(data5cb54af125f1c.data.msg);
          return
        }
        uni.switchTab({
          url: `/pages/tabBar/home/home`
        })
      }
    }
  };
</script>
<style lang="scss" scoped>
  .edit_flex_0 {
    background: #fff;
    width: 750rpx;
    border-radius: 16rpx 16rpx 0rpx 0rpx;
    padding: 0rpx 0rpx 50rpx 0rpx;
  }

  .edit_fd0_1_c0 {
    width: 150rpx;
    height: 150rpx;
    border-radius: 16rpx;
    margin: 12rpx 26rpx 0rpx 0rpx;

    &.active {
      border: 2rpx solid #3A87F9;
    }
  }

  .edit_fd0_1 {
    width: 710rpx;
  }

  .edit_fd0_0 {
    font-size: 36rpx;
    font-weight: 700;
    line-height: 32rpx;
    color: #333333;
    margin: 40rpx 0rpx 40rpx 0rpx;
  }

  .personalData_flex_0 {
    background: #fff;
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
  }

  .personalData_fd0_0_c1_c0 {
    font-size: 36rpx;
    font-weight: 700;
    color: #333;
    line-height: 88rpx;
  }

  .personalData_fd0_0_c0_c0 {
    font-size: 36rpx;
    color: #333;
  }

  .personalData_fd0_0_c0 {
    width: 120rpx;
  }

  .personalData_fd0_0 {
    padding: 0rpx 32rpx 0rpx 32rpx;
  }

  .personalData_flex_1 {
    background: #fff;
    padding: 0rpx 32rpx 0rpx 32rpx;
  }

  .personalData_fd1_6 {
    background: var(--benbenbgColor2);
    border-radius: 44rpx;
    font-size: 32rpx;
    color: var(--benbenFontColor3);
    line-height: 88rpx;
    height: 88rpx;
    margin: 45rpx 0rpx 45rpx 0rpx;
    position: absolute;
    width: 686rpx;
    bottom: 0rpx;
  }

  .personalData_fd1_5_c1 {
    color: rgba(102, 102, 102, 1);
    font-size: 32rpx;
    font-weight: 400;
    line-height: 45rpx;
  }

  .personalData_fd1_3_c1_c0 {
    color: var(--benbenFontColor1);
    font-size: 32rpx;
    text-align: right;
  }

  .personalData_fd1_2_c1 {
    color: #333333;
    font-size: 32rpx;
    font-weight: 400;
    line-height: 40rpx;
    margin: 0rpx 0rpx 0rpx auto;
  }

  .personalData_fd1_2_c0 {
    color: #333333;
    font-size: 32rpx;
    font-weight: 400;
    line-height: 40rpx;
  }

  .personalData_fd1_2 {
    background: #fff;
    background-size: 100% auto !important;
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .personalData_fd1_1_c1 {
    text-align: right;
    font-size: 32rpx;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .personalData_fd1_1 {
    border-bottom: 1px solid var(--benbenbdColor0);
    height: 125rpx;
  }

  .personalData_fd1_0_c2 {
    width: 22rpx;
    height: 32rpx;
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .personalData_fd1_0_c1_image {
    width: 96rpx;
    height: 96rpx;
    border-radius: 48rpx;
  }

  .personalData_fd1_0_c1 {
    width: 100rpx;
    height: 100rpx;
    border-radius: 50rpx 50rpx 50rpx 50rpx;
    margin: 0rpx 0rpx 0rpx auto;
  }

  .personalData_fd1_0_c0 {
    font-size: 32rpx;
    font-weight: 600;
    color: #333333;
    line-height: 45rpx;
  }

  .personalData_fd1_0 {
    border-bottom: 1px solid var(--benbenbdColor0);
    height: 152rpx;
  }

  .personalData_picker2_0_c2 {
    color: var(--benbenFontColor6);
    font-size: 32rpx;
  }

  .personalData_picker2_0_c1 {
    font-size: 32rpx;
    color: var(--benbenFontColor1);
  }

  .personalData_picker2_0_c0 {
    font-size: 28rpx;
    color: var(--benbenFontColor2);
  }

  .personalData_picker2_0 {
    border-bottom: 1px solid #eee;
    background: #fff;
    padding: 0rpx 32rpx 0rpx 32rpx;
    line-height: 88rpx;
    border-radius: 25rpx 25rpx 0rpx 0rpx;
    background-size: 100% auto !important;
  }

  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: #F8F8F8;
    background-size: 100% auto;
  }

  .wanshanziliao_flex_0 {
    background: #fff;
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
  }

  .wanshanziliao_fd0_0_c1_c0 {
    font-size: 36rpx;
    font-weight: 700;
    color: #333333;
    line-height: 50rpx;
  }

  .wanshanziliao_fd0_0_c0_c0 {
    font-size: 36rpx;
    color: #333;
  }

  .wanshanziliao_fd0_0_c0 {
    width: 120rpx;
  }

  .wanshanziliao_fd0_0 {
    padding: 0rpx 32rpx 0rpx 32rpx;
  }

  .wanshanziliao_flex_1 {
    background: #fff;
    padding: 0rpx 32rpx 0rpx 32rpx;
  }

  .wanshanziliao_fd1_6 {
    background: var(--benbenbgColor2);
    border-radius: 44rpx;
    font-size: 32rpx;
    color: var(--benbenFontColor3);
    line-height: 88rpx;
    height: 88rpx;
    margin: 45rpx 0rpx 45rpx 0rpx;
    position: absolute;
    width: 686rpx;
    bottom: 0rpx;
  }

  .wanshanziliao_fd1_5_c1 {
    color: #333333;
    font-size: 32rpx;
    font-weight: 400;
    line-height: 40rpx;
    margin: 0rpx 0rpx 0rpx auto;
  }

  .wanshanziliao_fd1_5_c0 {
    color: #333333;
    font-size: 32rpx;
    font-weight: 600;
    line-height: 40rpx;
  }

  .wanshanziliao_fd1_5 {
    background: #fff;
    background-size: 100% auto !important;
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .wanshanziliao_fd1_4_c1 {
    color: rgba(102, 102, 102, 1);
    font-size: 32rpx;
    font-weight: 400;
    line-height: 45rpx;
  }

  .wanshanziliao_fd1_2_c1_c0 {
    color: var(--benbenFontColor1);
    font-size: 32rpx;
    text-align: right;
  }

  .wanshanziliao_fd1_1_c1 {
    text-align: right;
    font-size: 32rpx;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .wanshanziliao_fd1_1 {
    border-bottom: 1px solid var(--benbenbdColor0);
    height: 125rpx;
  }

  .wanshanziliao_fd1_0_c2 {
    width: 22rpx;
    height: 32rpx;
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .wanshanziliao_fd1_0_c1_image {
    width: 96rpx;
    height: 96rpx;
    border-radius: 48rpx;
  }

  .wanshanziliao_fd1_0_c1 {
    width: 100rpx;
    height: 100rpx;
    border-radius: 50rpx 50rpx 50rpx 50rpx;
    margin: 0rpx 0rpx 0rpx auto;
  }

  .wanshanziliao_fd1_0_c0 {
    font-size: 32rpx;
    font-weight: 600;
    color: #333333;
    line-height: 45rpx;
  }

  .wanshanziliao_fd1_0 {
    border-bottom: 1px solid var(--benbenbdColor0);
    height: 152rpx;
  }

  .wanshanziliao_picker2_0_c2 {
    color: #4781f5;
    font-size: 32rpx;
  }

  .wanshanziliao_picker2_0_c1 {
    font-size: 32rpx;
    color: var(--benbenFontColor1);
  }

  .wanshanziliao_picker2_0_c0 {
    font-size: 28rpx;
    color: var(--benbenFontColor2);
  }

  .wanshanziliao_picker2_0 {
    border-bottom: 1px solid #eee;
    background: #fff;
    padding: 0rpx 32rpx 0rpx 32rpx;
    line-height: 88rpx;
    border-radius: 25rpx 25rpx 0rpx 0rpx;
    background-size: 100% auto !important;
  }

  .release_flex_0 {
    border-bottom: 1px solid #eee;
    background: #fff;
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
  }

  .release_fd0_0_c1_c0 {
    font-size: 36rpx;
    font-weight: 700;
    color: #333333;
    line-height: 50rpx;
  }

  .release_fd0_0_c0 {
    width: 120rpx;
  }

  .release_fd0_0 {
    padding: 0rpx 32rpx 0rpx 32rpx;
  }

  .release_flex_1 {
    background: var(--benbenbgColor1);
    background-size: 100% auto;
  }

  .release_fd1_9 {
    background: #4781f5;
    border-radius: 44rpx;
    width: 638rpx;
    line-height: 88rpx;
    font-size: 32rpx;
    color: #fff;
    margin: 24rpx auto 0 auto;
  }

  .release_fd1_8_c2 {
    color: rgba(65, 119, 221, 1);
  }

  .release_fd1_8_c1 {
    margin: 0rpx 4rpx 0rpx 12rpx;
  }

  .release_fd1_8_c0 {
    width: 32rpx;
    height: 32rpx;
  }

  .release_fd1_7_c1 {
    color: rgba(247, 62, 69, 1);
    margin: 24rpx 0rpx 32rpx 0rpx;
  }

  .release_fd1_7_c0 {
    color: rgba(191, 191, 191, 1);
  }

  .release_fd1_7 {
    margin: 0rpx auto 0rpx auto;
    width: 710rpx;
  }

  .release_fd1_6_c1_c0_c1 {
    margin: 0rpx 0rpx 0rpx 32rpx;
  }

  .release_fd1_6_c1_c0_c0 {
    width: 40rpx;
    height: 40rpx;
  }

  .release_fd1_6_c1_c0 {
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .release_fd1_6_c0 {
    font-size: 32rpx;
    font-weight: 600;
  }

  .release_fd1_6 {
    width: 710rpx;
    margin: 20rpx auto 20rpx auto;
  }

  .release_numberfd1_4_c1_c0 {
    width: 100%;
    font-size: 24rpx;
    color: rgba(119, 119, 119, 1);
    line-height: 46rpx;
    font-weight: 400;
  }

  .release_input_fd1_4_c1 {
    // border: 1px solid var(--benbenbdColor0);
    width: 100%;
    height: 140rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: #333;
    white-space: pre-wrap;
  }

  .release_fd1_4_c1 {
    border: 1px solid var(--benbenbdColor0);
    background: var(--benbenbgColor1);
    width: 710rpx;
    border-radius: 16rpx;
    padding: 10rpx 10rpx 0rpx 16rpx;
    margin: 20rpx auto 20rpx auto;
  }

  .release_fd1_4 {
    border-bottom: 1px solid #eee;
  }

  .release_fd1_1_c1_c1 {
    width: 28rpx;
    height: 28rpx;
  }

  .release_fd1_1_c1_c0 {
    line-height: 68rpx;
  }

  .release_fd1_0_c3 {
    width: 710rpx;
    margin: 20rpx auto 20rpx auto;
    color: rgba(240, 35, 37, 1);
  }

  .release_fd1_0_c2_b {
    // border-bottom: 1px solid rgba(238, 238, 238, 1);
    background: var(--benbenbgColor1);
    background-size: 100% auto;
    margin: 0rpx auto 0rpx auto;
    width: 720rpx;
    height: 84rpx;
    // border-radius: 33rpx;
    padding: 0rpx 0rpx 0rpx 20rpx;
  }

  .release_fd1_0_c2 {
    border: 1px solid rgba(238, 238, 238, 1);
    background: var(--benbenbgColor1);
    background-size: 100% auto;
    margin: 0rpx auto 0rpx auto;
    width: 656rpx;
    height: 84rpx;
    border-radius: 33rpx;
    padding: 0rpx 0rpx 0rpx 20rpx;
  }

  .release_fd1_0_c1_c0_c0_c1_c0 {
    padding: 0rpx 0rpx 0rpx 8rpx;
  }

  .release_fd1_0_c1_c0_c0_c0 {
    width: 30rpx;
    height: 30rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .release_fd1_0_c1_c0_c0 {
    height: 90rpx;
    margin-right: 20rpx;
  }

  ::v-deep .release_fd1_0_c1_c0 {
    width: 686rpx;
  }

  .release_fd1_0_c1 {
    width: 686rpx;
    margin: 0rpx auto 0rpx auto;
    border-bottom: 2rpx solid #eee;
  }

  .release_fd1_0_c0_c0 {
    margin: 0rpx 20rpx 0rpx 0rpx;
    color: rgba(240, 35, 37, 1);
    font-weight: 600;
  }

  .release_fd1_0_c0 {
    padding: 24rpx 0 20rpx 0;
    font-weight: 600;
    font-size: 32rpx;
  }

  .release_picker2_0_c2 {
    color: #4781f5;
    font-size: 32rpx;
  }

  .release_picker2_0 {
    border-bottom: 1px solid #eee;
    background: #fff;
    padding: 0rpx 32rpx 0rpx 32rpx;
    line-height: 88rpx;
    border-radius: 25rpx 25rpx 0rpx 0rpx;
    background-size: 100% auto !important;
  }
</style>
